<footer class="sticky bottom-0 z-10 bg-white shadow">
    <div class="grid gap-2 grid-cols-4 text-sm">
        <a wire:navigate href="{{ route('welcome') }}" class="flex flex-col items-center p-2">
            <img src="{{ asset(sprintf('img/long%s.png', request()->routeIs('welcome') ? '_active' : null)) }}" alt="index" width="24" height="24">
            首页
        </a>
        <a wire:navigate href="{{ route('actors.index') }}" class="flex flex-col items-center p-2">
            @php($is_active_category = request()->routeIs('actors.*') || request()->routeIs('specials.*') || request()->routeIs('categories.*'))
            <img src="{{ asset(sprintf('img/category%s.png', $is_active_category ? '_active' : null)) }}" alt="category" width="24" height="24">
            分类
        </a>
        <a wire:navigate href="{{ route('favorites.index') }}" class="flex flex-col items-center p-2">
            <img src="{{ asset(sprintf('img/collect%s.png', request()->routeIs('favorites.*') ? '_active' : null)) }}" alt="collect" width="24" height="24">
            收藏
        </a>
        <a wire:navigate href="{{ route('home') }}" class="flex flex-col items-center p-2">
            @php($is_active_member = request()->routeIs('home') || request()->routeIs('users.*') || request()->routeIs('login') || request()->routeIs('register'))
            <img src="{{ asset(sprintf('img/member%s.png', $is_active_member ? '_active' : null)) }}" alt="member" width="24" height="24">
            会员
        </a>
    </div>
</footer>
